body {
    .ui-overlaypanel {
        @include overlay();

        .ui-overlaypanel-close {
            background-color: $primaryColor;
            color: $primaryTextColor;
            width: 1.5em;
            height: 1.5em;
            text-align: center;
            line-height: 1.5em;
            right: -.75em;
            top: -.75em;
            @include transition(background-color $transitionDuration);

            &:hover {
                background-color: darken($primaryColor, 5%);
            }

            span {
                font-size: $fontSize + 3;
                display: inline-block;
                font-size: inherit;
                margin-top: -1px;
                line-height: inherit;
            }
        }
    }

    .ui-dialog {
        @include overlay();

        .ui-dialog-titlebar {
            padding: 1em;
            border-bottom: 1px solid $headerBorderColor;

            .ui-dialog-title {
                margin: 0;
                float: none;
                vertical-align: middle;
                font-size: $fontSize + 4;
            }

            .ui-dialog-titlebar-icon {
                color: $headerIconColor;
                border: 0 none;
                @include transition(color $transitionDuration);
                padding: 0;
                margin-left: .35em;
                font-size: $fontSize + 2;

                &:hover {
                    color: darken($headerIconHoverColor, 10%);
                }
            }
        }

        .ui-dialog-content {
            padding: $contentPadding;
        }

        .ui-dialog-footer {
            padding: $headerPadding;
            text-align: right;
            border-width: 1px 0 0 0;

            button {
                margin: 0 .35em 0 0;
            }
        }

        &.ui-confirm-dialog {
            .ui-dialog-content {
                padding: 1.5em;

                > span {
                    float: none;
                    display: inline-block;
                    vertical-align: middle;
                    line-height: $fontSize;
                    margin: 0;
                }
            }
        }
    }

    .ui-tooltip {
        .ui-tooltip-text {
        }

        &.ui-state-error {
            border: 0 none;
        }

        .ui-tooltip {
            .ui-tooltip-text {
                background-color: grey;
                color: grey;
                @include overlay-shadow();
            }

            &.ui-state-error {
                border: 0 none;
            }

            &.ui-tooltip-right {
                .ui-tooltip-arrow {
                    border-right-color: grey;
                }
            }

            &.ui-tooltip-left {
                .ui-tooltip-arrow {
                    border-left-color: grey;
                }
            }

            &.ui-tooltip-top {
                .ui-tooltip-arrow {
                    border-top-color: grey;
                }
            }

            &.ui-tooltip-bottom {
                .ui-tooltip-arrow {
                    border-bottom-color: grey;
                }
            }
        }
    }

    .ui-lightbox {
        .ui-lightbox-caption {
            padding: $headerPadding;

            .ui-lightbox-caption-text {
                color: $headerTextColor;
                margin: 0;
            }

            .ui-lightbox-close {
                padding: 0;
                color: $headerIconColor;
                @include transition(color $transitionDuration);

                &:hover {
                    color: $headerIconHoverColor;
                }
            }
        }

        .ui-lightbox-content-wrapper {
            overflow: hidden;

            .ui-lightbox-nav-left {
                @include icon_override("\f053");
                @include transition(all .3s);
                font-size: 24px;
                margin-left: 4px;
                color: #ffffff;
                opacity: 1;

                &:hover {
                    color: $primaryColor;
                    @include scale(1.2);
                }

                span {
                    display: none;
                }
            }

            .ui-lightbox-nav-right {
                @include icon_override("\f054");
                @include transition(all .3s);
                font-size: 24px;
                margin-right: 4px;
                color: #ffffff;
                opacity: 1;

                &:hover {
                    color: $primaryColor;
                    @include scale(1.2);
                }

                span {
                    display: none;
                }
            }
        }

        &.ui-lightbox-loading {
            .ui-lightbox-content-wrapper {
                > .ui-lightbox-nav-left, > .ui-lightbox-nav-right {
                    display: none;
                }
            }
        }
    }
}